<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>TF管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="author" content="lock"/>
    <link rel="shortcut icon" th:href="@{/TFSystem/img/favicon.ico}" type="image/png"/>
    <link th:href="@{/TFSystem/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/style-responsive.css}" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/table-responsive.css}" rel="stylesheet"/>
</head>
<body class="sticky-header">
<section>
    <div class="left-side sticky-left-side" style="overflow: hidden;" tabindex="5000">
        <div class="logo">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo.png}" />
            </a>
        </div>
        <div class="logo-icon text-center">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo_icon.png}" style="width: 40px;" />
            </a>
        </div>
       <div class="left-side-inner">
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media logged-user">
                    <img alt="libai" th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}" class="media-object"/>
                    <div class="media-body">
                        <h4>
                            <a href="">libai</a>
                        </h4>
                        <span>TF管理系统</span>
                    </div>
                </div>
                <h5 class="left-nav-title">控制台</h5>
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li>
                        <a href="">
                            <i class="fa fa-user"></i>
                            <span>个人设置</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="fa fa-sign-out"></i>
                            <span>退出</span></a>
                    </li>
                </ul>
            </div>

           <ul class="nav nav-pills nav-stacked custom-nav js-left-nav">
               <li class="">
                   <a href="/manager_index">
                       <i class="fa fa-home"></i>
                       <span>个人中心</span>
                   </a>
               </li>
               <li>
                   <a href="/user_manager?page=1">
                       <i class="fa fa-tasks"></i>
                       <span>用户管理</span>
                   </a>
               </li>
               <li class="">
                   <a href="/trainer_manager?page=1">
                       <i class="fa fa-book"></i>
                       <span>教练管理</span>
                   </a>
               </li>

               <li>
                   <a href="/course_manager?page=1">
                       <i class="fa fa-suitcase"></i>
                       <span>课程管理</span>
                   </a>
               </li>
               <li>
                   <a href="/event_manager?page=1">
                       <i class="fa fa-tasks"></i>
                       <span>运动管理</span>
                   </a>
               </li>
           </ul>


        </div>
    </div>
    <div class="main-content">
        <div class="header-section">
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>

            <div class="menu-right">
                <ul class="notification-menu">

                    <li>
                        <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}" alt="libai"/>
                            <span th:text="${session.currentuser.getUsername()}"></span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li>
                                <a href="user_index.html">
                                    <i class="fa fa-user"></i>
                                    个人主页
                                </a>
                            </li>
                            <li>
                                <a href="user_form.html">
                                    <i class="fa fa-cog"></i>
                                    基本资料
                                </a>
                            </li>
                            <li>
                                <a href="/user/logout">
                                    <i class="fa fa-sign-out"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-heading">
            <h3> 运动管理
            </h3>
            <ul class="breadcrumb pull-left">
                <li> <a href="user_index.html">TF</a> </li>
                <li> <a href="#">运动管理</a> </li>
                <li class="active">运动项目 </li>
            </ul>
            <div class="pull-right"><a href="/add_event" class="btn btn-success">+添加新项目</a></div>
        </div>
        <div class="wrapper ">
            <div class="row">
                <div class="col-sm-12 pre-scrollable">
                    <section class="panel">
                        <header class="panel-heading"> 运动管理 / 总数：<span th:text="${countEvent}"></span><span class="tools pull-right"><a href="javascript:;" class="fa fa-chevron-down"></a>

              </span> </header>
                        <div class="panel-body">
                            <section id="unseen">
                                <form id="user-form-list">
                                    <table class="table table-bordered table-striped table-condensed">
                                        <thead>
                                        <tr>
                                            <th>运动名</th>
                                            <th>类别</th>
                                            <th>教练</th>
                                            <th>开始时间</th>
                                            <th>结束时间</th>
                                            <th>喜欢人数</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="course : ${listEvent}">
                                            <td th:text="${course.getCourseName()}"><a href="user_index.html">lock</a></td>
                                            <td th:text="${course.getCourseType().getDesc()}"></td>
                                            <td th:text="${course.getCoach(). getTruename()}"></td>
                                            <td th:text="${course.getStartTime()}"></td>
                                            <td th:text="${course. getEndTime()}"></td>
                                            <td th:text="${course.getLikeCount()}"></td>
                                            <td><div class="btn-group">
                                                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 操作<span class="caret"></span> </button>
                                                <ul class="dropdown-menu">
                                                    <li><a th:href="@{'/edit_event?id='+${course.getId()}}">编辑</a></li>
                                                    <li><a th:href="@{'/selectEvent?id='+${course.getId()}}">查看</a></li>
                                                    <li><a th:href="@{'/del_Event?id='+${course.getId()}}">查看</a></li>
                                                    <li role="separator" class="divider"></li>
                                                    <li><a href="javascript:;" class="js-user-single" data-id="65140463652311040" data-status="1">删除</a></li>
                                                </ul>
                                            </div></td>
                                        </tr>
                                        </tbody>

                                    </table>
                                </form>

                                <ul class="pagination pull-right">
                                    <li th:each="i: ${#numbers.sequence(1,pageSize )}"><a th:text="${i}" th:href="@{'/event_manager?page='+${i}}"></a></li>
                                </ul>
                            </section>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <footer> <a href="/index">TF官网</a> </footer>
      </div>
</section>

<div id="ascrail2000" class="nicescroll-rails" style="width: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 6px; height: 404px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails" style="height: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 6px; width: 1366px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001" class="nicescroll-rails" style="width: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; left: 137px; height: 636px; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 3px; height: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001-hr" class="nicescroll-rails" style="height: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; top: 633px; left: 0px; position: fixed; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 3px; width: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px; left: 0px;"></div>
</div>
<script th:src="@{/TFSystem/js/jquery.validate.js}"></script>
<script th:src="@{/TFSystem/js/opms.js}"></script>
<script th:src="@{/TFSystem/js/jquery.min.js}"></script>
<script th:src="@{/TFSystem/js/bootstrap.min.js}"></script>
<script th:src="@{/TFSystem/js/jquery.nicescroll.js}"></script>
<script th:src="@{/TFSystem/js/scripts.js}"></script>


</body>
</html>
